ReactJS เป็น JavaScript library ที่ใช้สำหรับสร้าง user interface ในเว็บไซต์ โดย React จะใช้งานร่วมกับ HTML, CSS และ JavaScript เพื่อสร้าง user interface ที่สมบูรณ์แบบและมีประสิทธิภาพสูง

React มีความแตกต่างจากภาษาโปรแกรมมิ่งอื่น ๆ โดย React ใช้ JSX (JavaScript XML) ซึ่งเป็นการผสมผสานระหว่าง JavaScript และ XML/HTML ซึ่งช่วยให้เราสามารถเขียนโค้ดของ React ได้ง่ายขึ้นและอ่านง่ายขึ้น

ตัวอย่างการสร้าง Component ใน React:

import React from 'react';

function App() {  
  return (
    <div>
      <h1>Hello World</h1>
      <p>This is my first ReactJS application.</p>
    </div>
  );
}

export default App;

ในตัวอย่างนี้ เราสร้าง Component ชื่อ App และใช้ฟังก์ชัน return เพื่อส่งออก JSX ซึ่งประกอบไปด้วย HTML elements และข้อความ โดยเราสามารถนำ Component นี้ไปใช้งานได้ทุกที่ในเว็บไซต์ของเรา

การใช้งาน Component ใน React:

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';

ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
document.getElementById('root')
);

ในตัวอย่างนี้ เราใช้ฟังก์ชัน ReactDOM.render เพื่อแสดงผล Component App ซึ่งเป็น Component หลักของเรา ใน element ที่มี id เป็น root ในไฟล์ HTML ของเรา

React ยังมีความสามารถอื่น ๆ อีกมากมาย เช่น การใช้งาน Props ในการส่งข้อมูลระหว่าง Components การใช้งาน State เพื่อจัดการข้อมูลและการเปลี่ยนแปลงของ Component และอื่น ๆ ที่ช่วยให้เราสร้าง user interface ในเว็บไซต์ได้อย่างมีประสิทธิภาพสูง